<template>
  <div class="app-main-content">
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'AppMainContent'
}
</script>

<style lang="scss" scoped>
  // * 引入全局变量
  @import '~@/assets/styles/variables.scss';

  .app-main-content {
    margin: 20px;
  }

  /deep/ .el-table {
    background-color: transparent;
  }

  /deep/ .el-table__header-wrapper {
    background-color: transparent;
    margin-bottom: $-table-header-margin-bottom;

    th {
      color: $-table-header-color;
      background-color: $-table-header-bg-color;
      font-size: $-table-header-font-size;
      height: $-table-header-height;
    }
  }

  ///deep/ .el-table--group::after,
  //.el-table--border::after,
  //.el-table::before {
  //  background-color: transparent;
  //}


</style>
